<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 引入uView样式 */
	@import 'uview-ui/index.scss';
	
	/* 引入全局样式 */
	@import url('/static/css/global.css');
	
	/* 每个页面公共css */
	page {
		background-color: #F5F5F5;
		color: #333333;
		font-size: 24rpx;
		line-height: 1.5;
	}
	
	/* 全局字体设置 - 避免使用*选择器 */
	view, text, image, scroll-view, button, input, textarea {
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	}
	
	/* 滚动条样式 */
	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}
	
	/* 全局按钮样式优化 */
	button {
		border-radius: var(--radius-medium);
		font-size: var(--font-md);
		padding: var(--spacing-sm) var(--spacing-md);
		margin: var(--spacing-xs);
	}
	
	button::after {
		border: none;
	}
	
	/* 全局输入框样式优化 */
	input, textarea {
		border-radius: var(--radius-medium);
		padding: var(--spacing-sm);
		font-size: var(--font-md);
	}
	
	/* 全局卡片动画 */
	.card-animate {
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
	
	.card-animate:hover {
		transform: translateY(-2rpx);
		box-shadow: var(--shadow-heavy);
	}
	
	/* 全局加载动画 */
	.loading-spinner {
		width: 40rpx;
		height: 40rpx;
		border: 4rpx solid var(--border-light);
		border-top: 4rpx solid var(--primary-color);
		border-radius: 50%;
		animation: spin 1s linear infinite;
	}
	
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	
	/* 全局提示框样式 */
	.toast {
		background: rgba(0, 0, 0, 0.8);
		color: white;
		padding: var(--spacing-md);
		border-radius: var(--radius-large);
		font-size: var(--font-md);
	}
</style>